﻿

<html>
<head>
<title>CSS3 Border Width Test</title>

<style type="text/css">
h3 {border-width: thin; border-style: solid;}
h4 {border-width: thick; border-style: solid;}
em {border-width: 10px; border-style: solid;}
blockquote {border-width: 200%; border-style: solid;}
p {border-style: solid;}
</style>
</head>

<body>




<h1>CSS3 Border Width Test</h1>





<ul>
<li >
For "border-width", initial is "(see individual properties)", it applies to all elements,
it is not inherited, percentages are (see individual properties), media is visual, and
computed value is "see individual properties".
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
<p>
If statement above is correct, this paragraph should be UA-default
border width.  A CSS rule of "border-style: solid" is applied.  However, the
border width property does apply to the p element.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
</p>
<h3>
This h3 heading has a border width of thin, but this <em>emphasized text
</em> has a border width of 10px; the rules applied are:
"h3 {border-width: thin;}"
"em {border-width: 10px;}"
So the border width property applies to the h3 and em elements.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
</h3>
<h4>
This h4 heading has a border width property of thick (because of the
rule "h4 {border-color: thick;}", but these <i>italicized words</i>
have a border width of UA-default, because the border-width
property is not inherited.  
So the border width property does apply to the h4 and i elements.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
</h4>
<blockquote>
This blockquote element should have a UA-default border width.  The
nonsensical rule "blockquote {border-width: 200%}" should be ignored,
but the border-width property does apply to the blockquote element.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
</blockquote>
<p>
All other properties of this page should be UA-default.
This is a paragraph, like the one above.  Border style of solid is applied
to all CSS rules, so that the border is visible.
</p>

</body>
</html>
